@charset "UTF-8";
@import './list.css';
@import './elementUI.css';
@media (min-width: 1200px) {
  .app-content {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    position: relative;
  }

  .avatar-wrap {
    height: 160px;
    width: 160px;
  }
}
.app {
  background: #ffffff;
}
.app .app-logo-wrap {
  height: 230px;
}
.app .app-logo-wrap .app-logo {
  height: 104px;
  width: 1149px;
  background: url("./image/szzyzfld_20181128_toubj001.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.app .app-header {
  margin-top: 10px;
  height: 230px;
  background: url("./image/szzyzfld_20181128_toubj001.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.app .app-header .icon-position {
  display: inline-block;
  height: 20px;
  width: 20px;
  background: url("./image/icon_dq.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: 4px;
  margin-right: 8px;
}
.app .app-header .herder-position {
  position: relative;
  top: 125px;
  color: #ffffff;
  font-size: 14px;
}

.app-aside {
  width: 300px;
  height: auto;
}
.app-aside .menu-item-close {
  background: url(./image/aside-bgc.png) no-repeat center !important;
}
.app-aside .menu-item {
  height: auto;
  background: #ffffff;
  border-radius: 10px;
  padding: 20px 22px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}
.app-aside .menu-item .menu-tab {
  height: 38px;
}
.app-aside .menu-item .menu-tab .menu-tab-title {
  height: 38px;
  line-height: 38px;
  width: 125px;
  text-align: center;
  background-color: #e43d03;
  border-radius: 5px;
  font-size: 20px;
  color: #ffffff;
  cursor: pointer;
}
.app-aside .menu-item .menu-tab .menu-tab-arrow {
  width: 24px;
  height: 12px;
  background: url("./image/zlgl.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  margin-top: 10px;
}
.app-aside .menu-item .menu-tab .menu-tab-arrow-close {
  background: url("./image/zlgl_toggle.png");
}
@-webkit-keyframes enter-ani {
  0% {
    height: 0px;
  }
  100% {
    height: 100px;
  }
}
@keyframes enter-ani {
  0% {
    height: 0px;
  }
  100% {
    height: 100px;
  }
}
.app-aside .menu-item .menu-list {
  margin-top: 15px;
  -webkit-animation: enter-ani 0.2s linear;
          animation: enter-ani 0.2s linear;
}
.app-aside .menu-item .menu-list .menu-list-item {
  height: 40px;
  line-height: 40px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 8px;
  padding-left: 10px;
  cursor: pointer;
}
.app-aside .menu-item .menu-list .menu-list-icon {
  display: inline-block;
  height: 5px;
  width: 5px;
  background: url("./image/menu_point.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 5px;
  position: relative;
  top: -5px;
}

.app-major {
  width: calc(100% - 300px);
  height: auto;
  padding-left: 10px;
  box-sizing: border-box;
  box-shadow: 5px 5px 10px #999;
  transition: all 0.4s linear;
}

.home-info-wrap {
  height: 270px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 15px;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 10px #999;
  transition: all 0.4s linear;
}
.home-info-wrap .app-tit-word {
  height: 80px;
  line-height: 80px;
  font-family: MicrosoftYaHei;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000000;
  border-bottom: 1px solid #ebebeb;
}
.home-info-wrap .user-info {
  margin-top: 10px;
  height: 150px;
}
.home-info-wrap .user-info .person-info {
  width: 160px;
  padding-top: 10px;
  font-size: 14px;
}
.home-info-wrap .user-info .person-info .person-info-item {
  margin-bottom: 25px;
}
.home-info-wrap .user-info .person-total-view {
  padding-top: 10px;
  width: calc(100% - 160px );
}
.home-info-wrap .user-info .person-total-view .person-card-wrap {
  padding-right: 5px;
  box-sizing: border-box;
}
.home-info-wrap .user-info .person-total-view .person-card-wrap .person-card {
  height: 100%;
}
.home-info-wrap .user-info .person-total-view .person-card-wrap .person-card .person-card-counts {
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  height: 120px;
  line-height: 120px;
}
.home-info-wrap .user-info .person-total-view .person-card-wrap .person-card .person-card-label {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  height: 50px;
  line-height: 50px;
}

.home-content-wrap {
  margin-top: 10px;
  height: 800px;
}
.home-content-wrap .home-content-left {
  width: calc( 100% - 230px );
  box-sizing: border-box;
}
.home-content-wrap .home-content-left .home-table-wrap {
  height: 360px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 15px;
  margin-top: 10px;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 10px #999;
  transition: all 0.4s linear;
}
.home-content-wrap .home-content-left .home-table-wrap .home-table-title {
  font-size: 18px;
  font-weight: bold;
  color: #d64441;
}
.home-content-wrap .home-content-left .home-table-wrap .home-table {
  margin-top: 30px;
}
.home-content-wrap .home-content-right {
  width: 230px;
  padding-left: 10px;
  box-sizing: border-box;
  margin-top: 10px;
}
.home-content-wrap .home-content-right .right-area {
  height: auto;
}
.home-content-wrap .home-content-right .right-area .people-service {
  height: 550px;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 15px;
}
.home-content-wrap .home-content-right .right-area .people-service .people-service-item {
  width: 50%;
  height: 120px;
  padding-left: 10px;
  box-sizing: border-box;
}
.home-content-wrap .home-content-right .right-area .people-service .people-service-item .people-service-icon {
  width: 75px;
  height: 75px;
  cursor: pointer;
}
.home-content-wrap .home-content-right .right-area .people-service .people-service-item .people-service-word {
  font-size: 14px;
  color: #000000;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.home-content-wrap .home-content-right .right-area .your-like {
  margin-top: 10px;
  min-height: 545px;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 15px;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 10px #999;
  transition: all 0.4s linear;
}
.home-content-wrap .home-content-right .right-area .your-like .your-like-list-item {
  height: 100px;
  border-bottom: 1px solid #ebebeb;
}
.home-content-wrap .home-content-right .right-area .your-like .your-like-list-item .your-like-list-title {
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 1px;
  overflow: hidden;
}
.home-content-wrap .home-content-right .right-area .your-like .your-like-list-item .your-like-list-date {
  font-size: 14px;
  line-height: 25px;
  color: #999;
  margin-top: 10px;
}
.home-content-wrap .home-content-right .right-area .your-look {
  margin-top: 0px;
  min-height: 595px;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 15px;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 10px #999;
  transition: all 0.4s linear;
}
.home-content-wrap .home-content-right .right-area .your-look .your-look-list-item {
  margin-top: 10px;
  height: 100px;
  border-bottom: 1px solid #ebebeb;
}
.home-content-wrap .home-content-right .right-area .your-look .your-look-list-item .your-look-list-title {
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 1px;
  overflow: hidden;
}
.home-content-wrap .home-content-right .right-area .your-look .your-look-list-item .your-look-list-date {
  font-size: 14px;
  line-height: 25px;
  color: #999;
  margin-top: 10px;
}
.home-content-wrap .home-content-right .right-area .word-cloud {
  margin-top: 10px;
  height: 340px;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 10px #999;
  transition: all 0.4s linear;
}
.home-content-wrap .home-content-right .right-area .word-cloud .word-cloud-area {
  height: 250px;
  padding: 5px;
}
.home-content-wrap .home-content-right .right-area .right-area-tit {
  font-size: 18px;
  font-weight: bold;
  color: #d64441;
  margin-bottom: 20px;
  margin-left: 10px;
}

.height100 {
  height: 100%;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.mt20 {
  margin-top: 20px;
}

.pt20 {
  width: 1200px;
  margin: auto;
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pf10 {
  padding-left: 10px;
}

.mf10 {
  margin-left: 10px;
}

.mf5 {
  margin-left: 5px;
}

.wd20 {
  width: 20%;
}

.person-card1 {
  background: url("./image/person_card1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.person-card2 {
  background: url("./image/person_card2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.person-card3 {
  background: url("./image/person_card3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.person-card4 {
  background: url("./image/person_card4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.person-card5 {
  background: url("./image/person_card5.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.people-service-icon1 {
  background: url("./image/jtwz.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.people-service-icon2 {
  background: url("./image/hcpjp.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.people-service-icon3 {
  background: url("./image/yljk.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.people-service-icon4 {
  background: url("./image/swff.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.nobegin {
  width: 90px;
  height: 28px;
  line-height: 28px;
  border-radius: 5px;
  display: inline-block;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}

.bg-color1 {
  background-color: #ef662f;
}

.bg-color2 {
  background-color: #00bff0;
}

.app-table {
  width: 100%;
  border-collapse: collapse;
}
.app-table thead {
  background-color: #edeff5;
}
.app-table td, .app-table th {
  text-align: left;
  height: 40px;
  line-height: 40px;
  padding-left: 5px;
  width: 20%;
  font-size: 14px;
}
.app-table th {
  text-align: center;
  border-bottom: 2px solid #ddd;
}
.app-table td {
  border-bottom: 1px solid #ddd;
}

table tbody td, table tbody th {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.collectAndLook-table th:nth-of-type(1), .collectAndLook-table td:nth-of-type(1) {
  width: 30%;
}

.collectAndLook-table th:nth-of-type(2), .collectAndLook-table td:nth-of-type(2) {
  width: 15%;
}

.collectAndLook-table th:nth-of-type(3), .collectAndLook-table td:nth-of-type(3) {
  width: 30%;
}

.collectAndLook-table th:nth-of-type(4), .collectAndLook-table td:nth-of-type(4) {
  width: 10%;
}

.collectAndLook-table th:nth-of-type(5) ，.collectAndLook-table td:nth-of-type(5) {
  width: 15%;
}

.st-classify-rank-list {
  position: relative;

  width: 100%;
  height: 100%;
  z-index: 1;
  margin: 0 auto;
  list-style: none;
  padding-left: 0;
}

.st-err-item {
  margin: 0 10px;
  line-height: 18px;
  position: absolute;
  font-size: 16px;
}

.st-err-item.color1 {
  color: #22c3ff;
}

.st-err-item.color2 {
  color: #f4315e;
}

.st-err-item.color3 {
  color: #9644f0;
}

.st-err-item.color4 {
  color: #f1b525;
}

.st-err-item.color5 {
  color: #fc8c29;
}

.st-err-item.color6 {
  color: #5d95fc;
}

.btn-wrap {
  margin-top: 25px;
}

.color2 {
  background: rgba(255, 255, 255, 0) !important;
  color: #C80602 !important;
}

.tab-btn {
  cursor: pointer;
  float: left;
  width: 90px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #2a3c541a;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background: url("./image/btn_bgc.png") center;
  margin-right: 3px;
  margin-bottom: 5px;
}

.act-btn {
  border-bottom: none;
  color: #d82108;
  background: #fff;
  border: 0px;
}



.avatar-wrap {
  margin-top: 25px;
  border-radius: 100px;
}

.el-col-20 {
  width: 80.33333%;
  margin-left: 25px;
}

.geng_btn {
  width: 137px;
  height: 36px;
  color: #ffffff;
  border: 0px;
  border-radius: 20px;
  background: #C80602;
  margin-left: 10px;
  margin-top: 10px;
}

.safe-icon {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  margin-top: 30px;
}

.safe-icon-iphone {
  background: url("./image/safe_phone.png") center;
  background-repeat: no-repeat;
}

.safe-icon-password {
  background: url("./image/safe_password.png") center;
  background-repeat: no-repeat;
}

.safe-icon-renzheng {
  background: url("./image/safe_renzheng.png") center;
  background-repeat: no-repeat;
}

.safe-icon-shouquan {
  background: url("./image/safe_shouquan.png") center;
  background-repeat: no-repeat;
}

.more-btn {
  cursor: pointer;
  color: #333333 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.can-btn {
  background-color: #d82108;
  width: 80px;
  height: 30px;
  line-height: 30px;
  color: #ffff;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

.foot-wrap {
  width: 100%;
  background: #fff;
  height: auto;
  margin-top: 20px;
}/*# sourceMappingURL=index.css.map */